<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" href="css/css.css" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" >
function $$$$$(_sId){
 return document.getElementById(_sId);
 }
function hide(_sId)
 {$$$$$(_sId).style.display = $$$$$(_sId).style.display == "none" ? "" : "none";}
function pick(v) {
 document.getElementById('am').value=v;
hide('HMF-1')
}
function bgcolor(id){
 document.getElementById(id).style.background="#F7FFFA";
 document.getElementById(id).style.color="#000";
}
function nocolor(id){
 document.getElementById(id).style.background="";
 document.getElementById(id).style.color="#788F72";
}

window.onload = function()
{
$$$$$("am").onmouseover = function(){window.onclick = null;}
$$$$$("am").onmouseout = function(){window.onclick = function(){$$$$$("HMF-1").style.display = "none";}}
}

</script>
<title>子时</title>
</head>
<body>
<div class="top_bg">
  <div class="top"> <img src="images/logo.jpg" width="166" height="69" style="display:block; float:left; margin-right:90px;" />
    <ul class="ul_menu">
      <li><a href="#">首页</a></li>
      <li><a href="#">资讯</a></li>
      <li><a href="#">子时服务</a></li>
      <li><a href="#">关于子时</a></li>
    </ul>
    <div class="top_right">
      <table width="500" height="69" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><samp class="ss">
            <input onclick="hide('HMF-1')" type="text" value="请选择" id="am" class="am" />
            <div id="HMF-1" style="display: none " class="bm"> <span id="a1" onclick="pick('测试一')" onMouseOver="bgcolor('a1')" onMouseOut="nocolor('a1')" class="cur">测试一</span> <span id="a2" onclick="pick('测试二')" onMouseOver="bgcolor('a2')" onMouseOut="nocolor('a2')" class="cur">测试二</span> <span id="a3" onclick="pick('测试三')" onMouseOver="bgcolor('a3')" onMouseOut="nocolor('a3')" class="cur">测试三</span> <span id="a4" onclick="pick('测试四')" onMouseOver="bgcolor('a4')" onMouseOut="nocolor('a4')" class="cur">测试四</span> <span id="a5" onclick="pick('测试五')" onMouseOver="bgcolor('a5')" onMouseOut="nocolor('a5')" class="cur">测试五</span> <span id="a6" onclick="pick('测试六')" onMouseOver="bgcolor('a6')" onMouseOut="nocolor('a6')" class="cur">测试六</span> </div>
            <input type="text" class="sr" onclick="if(this.value=='输入搜索内容...'){this.value=''}" value="输入搜索内容..." />
            <input type="button" class="btn01" align="right" />
            </input>
            </samp></td>
          <td><a href="#" class="a_xx">消息</a></td>
          <td><a href="#"><img src="images/user_tb.jpg" width="34" height="34" style="display:block;" /></a></td>
        </tr>
      </table>
    </div>
  </div>
</div>
<div class="main">

<div class="tctk_left">
<span class="span_tctk">吐槽调侃</span>
<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

<div class="tctzy_2">
<p>根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又的死忠于竞速，向于单车所带给。根据玩</p>
</div>
<span class="span_tctzy_2"><a href="#">回复</a></span>

<div class="tctzy_2">
<p>根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又的死忠于竞速，向于单车所带给。根据玩</p>
</div>
<span class="span_tctzy_2"><a href="#">回复</a></span>

<div class="tctzy_1">
<img src="images/tctk_img.jpg" width="100" height="107" style="display:block; float:left;" />
<div class="tctzy_1_r">
<span class="span_tctzy_bt">裸小bo ★</span>
<a href="#" class="a_tctzy">根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体有的死忠于竞速，向于单车所带给。根据玩家的不同也会形成一个又一个的群体。有的死忠于竞速，向于单车所带给。根据</a> <span class="span_tctzy_btn"><a href="#">回复</a><a href="#">查看评论</a></span>
</div>
</div>

</div>

<div class="tctk_right">
<span class="span_tctk2">吐槽排行</span>
<ul class="ul_tcph">
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
</ul>
<a href="#"><img src="images/gg2.jpg" width="251" height="143" style="display:block; margin-top:10px;" /></a>
</div>
</div>
<div class="clear"></div>
<!-- footer -->
<div class="footer_bg">
  <div class="footer">
    <div class="footer_left">
      <div class="footer_1"> <span>合作伙伴</span>
        <ul class="ul_hzhb">
          <li><a href="#">网易旅游</a></li>
          <li><a href="#">ZAKER阅读器</a></li>
          <li><a href="#">SIZE户外型者</a></li>
          <li><a href="#">热度社</a></li>
          <li><a href="#">中国自行车嘉年华</a></li>
        </ul>
      </div>
      <div class="footer_1"> <span>&nbsp;</span>
        <ul class="ul_hzhb">
          <li><a href="#">网易旅游</a></li>
          <li><a href="#">ZAKER阅读器</a></li>
          <li><a href="#">SIZE户外型者</a></li>
          <li><a href="#">热度社</a></li>
          <li><a href="#" id="footer_more">More &gt;</a></li>
        </ul>
      </div>
      <div class="footer_2">
        <table width="338" height="154" border="0" cellpadding="0" cellspacing="0">
          <tr align="center">
            <td><span>官方微薄</span></td>
            <td><span>官方微信</span></td>
          </tr>
          <tr align="center">
            <td><img src="images/ewm_wb.jpg" width="102" height="102" /></td>
            <td><img src="images/ewm_wx.jpg" width="102" height="102" /></td>
          </tr>
          <tr align="center">
            <td><p>扫描二维码关注我们微博</p></td>
            <td><p>扫描二维码关注我们微信</p></td>
          </tr>
        </table>
      </div>
    </div>
    <img src="images/map.jpg" width="447" height="193" style="display:block; float:right;" />
    <div class="clear"></div>
    <div class="footer_3"> <span class="span_footer_3_left"><a href="#">关于我们</a><a href="#">联系我们</a><a href="#">招聘计划</a></span> <span class="span_footer_3_right">© 2012-2015 zishi  版权所有 | 京ICP备13001395号</span> </div>
  </div>
</div>
<!-- footer -->
<a href="#"><img src="images/zhiding_tb.jpg" width="61" height="61" class="zhiding_tb" /></a>
</body>
</html>
